<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib tagdir="/WEB-INF/tags/" prefix="util" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="core" %>
<util:template titulo="Agenda">        
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2">
                <div class="col-md-11 col-md-offset-1">
                    <div id="calendario">
                        <table  id="calendario_t">
                            <thead>
                                <tr>
                                    <th colspan="7">
                                        <button type="button" class="btn btn-xs">&lt;</button>
                                        <a href="#">Setembro 2013</a>
                                        <button type="button" class="btn btn-xs">&gt;</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th>Do</th>
                                    <th>Se</th>
                                    <th>Te</th>
                                    <th>Qa</th>
                                    <th>Qi</th>
                                    <th>Se</th>
                                    <th>Sa</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr align="center">
                                    <td id="calendario_t_cell0">25</td>
                                    <td id="calendario_t_cell1">26</td>
                                    <td id="calendario_t_cell2">27</td>
                                    <td id="calendario_t_cell3">28</td>
                                    <td id="calendario_t_cell4">29</td>
                                    <td id="calendario_t_cell5">30</td>
                                    <td id="calendario_t_cell6">31</td>
                                </tr>
                                <tr align="center">
                                    <td id="calendario_t_cell7">1</td>
                                    <td id="calendario_t_cell8">2</td>
                                    <td id="calendario_t_cell9">3</td>
                                    <td id="calendario_t_cell10">4</td>
                                    <td id="calendario_t_cell11">5</td>
                                    <td id="calendario_t_cell12">6</td>
                                    <td id="calendario_t_cell13">7</td>
                                </tr>
                                <tr align="center">
                                    <td id="calendario_t_cell14">8</td>
                                    <td id="calendario_t_cell15">9</td>
                                    <td id="calendario_t_cell16">10</td>
                                    <td id="calendario_t_cell17">11</td>
                                    <td id="calendario_t_cell18">12</td>
                                    <td id="calendario_t_cell19">13</td>
                                    <td id="calendario_t_cell20">14</td>
                                </tr>
                                <tr align="center">
                                    <td id="calendario_t_cell21">15</td>
                                    <td id="calendario_t_cell22">16</td>
                                    <td id="calendario_t_cell23">17</td>
                                    <td id="calendario_t_cell24">18</td>
                                    <td id="calendario_t_cell25">19</td>
                                    <td id="calendario_t_cell26">20</td>
                                    <td id="calendario_t_cell27">21</td>
                                </tr>
                                <tr align="center">
                                    <td id="calendario_t_cell28">22</td>
                                    <td id="calendario_t_cell29">23</td>
                                    <td id="calendario_t_cell30">24</td>
                                    <td id="calendario_t_cell31">25</td>
                                    <td id="calendario_t_cell32">26</td>
                                    <td id="calendario_t_cell33">27</td>
                                    <td id="calendario_t_cell34">28</td>
                                </tr>
                                <tr align="center">
                                    <td id="calendario_t_cell35">29</td>
                                    <td id="calendario_t_cell36">30</td>
                                    <td id="calendario_t_cell37">1</td>
                                    <td id="calendario_t_cell38">2</td>
                                    <td id="calendario_t_cell39">3</td>
                                    <td id="calendario_t_cell40">4</td>
                                    <td id="calendario_t_cell41">5</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-md-9">
                <!--barra da agenda-->
                <div class="navbar">
                    <ul class="nav">
                        <div class="nav navbar-left nav-pills">
                            <li><a href="compromisso.jsp">Novo Compromisso</a></li>
                        </div>
                    </ul>
                </div>
                <!--agenda-->
                <div id="compromisso">

                    <table class="table">
                        <tbody>
                            <tr>
                                <td>Setembro 2013</td>
                            </tr>
                        </tbody>
                    </table>
                    <div>
                        <table class="table table-bordered">
                            <tbody>
                                <tr>
                                    <th>Dom</th>
                                    <th>Seg</th>
                                    <th>Ter</th>
                                    <th>Qua</th>
                                    <th>Qui</th>
                                    <th>Sex</th>
                                    <th>Sab</th>
                                </tr>
                            </tbody>
                        </table>  

                        <!--inicio loop compromissos mes-->
                        <div>
                            <div id="semana1"  style="top:0%;height:21%;border: 1px solid #dddddd;">                                    
                                <table style="width:100%;margin:1px; ">
                                    <tbody>
                                        <tr>
                                            <td>25</td>
                                            <td>26</td>
                                            <td>27</td>
                                            <td>28</td>
                                            <td>29</td>
                                            <td>30</td>
                                            <td>31</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>Evento 1</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>                            
                            <div id="semana2"  style="top:0%;height:21%;border: 1px solid #dddddd;">                                     
                                <table class="table table-bordered">
                                    <tbody>
                                        <tr>
                                            <td>25</td>
                                            <td>26</td>
                                            <td>27</td>
                                            <td>28</td>
                                            <td>29</td>
                                            <td>30</td>
                                            <td>31</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>Evento 1</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>  
                        </div>  
                    </div>
                </div>
            </div>
        </div>
    </div>
</util:template>